<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>购物车</title>
    <link rel="stylesheet" href="./cart.css" />
  </head>
  <body>
    <div class="header">网页头部</div>
    <div class="content">
      <!-- 依靠 JS 渲染 -->
      <!-- 头部 -->
      <div class="top"><input type="checkbox" class="allBtn" /> 全选</div>

      <ul class="center">
        <!-- <li>
          <div class="select">
            <input type="checkbox" />
          </div>

          <div class="pic">
            <img src="" alt="" />
          </div>

          <div class="name">asdhgfasghdfg</div>

          <div class="price">￥ <span>100.00</span></div>

          <div class="number">
            <button>-</button>
            <input type="text" value="1" />
            <button>+</button>
          </div>

          <div class="subtotal">￥ <span>100.00</span></div>

          <div class="del">
            <button>删除</button>
          </div>
        </li> -->
      </ul>

      <div class="bottom">
        <p>总购买数量: <span id="totalNum">0</span></p>
        <p>
          <button class="pay">去结算</button>
          <button class="clear">清空购物车</button>
          <button class="clear_select">删除所有已选中</button>
          <button class="list">返回列表页</button>
        </p>
        <p>总价格 : ￥ <span id="amount">0.00</span></p>
      </div>
    </div>
    <div class="footer">网页底部</div>
    <script src="./data.js"></script>
    <script src="./cart.js"></script>
  </body>
</html>
